<template>
  <!-- <h1>aaaa</h1> -->
  <!-- {{ i }} -->
  <q-select
    class="col-3"
    :model-value="下注数[i]"
    outlined
    hide-selected
    behavior="menu"
    :options="options"
    @input-value="setModel"
    label="￥"
    label-color="orange"
    use-input
    fill-input
    @filter="filterFn"
  >
    <template v-slot:before>
      <span class="圆">{{ i }}</span>
      <!-- <span class="圆">{{ 下注数[i] }}</span> -->
    </template>
  </q-select>
</template>

<script setup>
import { ref, reactive } from "vue";
const props=defineProps({
  i: {

  },
  下注数: {

  },
});
// const model = props.澳门特下注数[props.i];

function filterFn(val, update, abort) {
  update(() => {
    const needle = val;
    options.value = aoptions.filter(
      (v) => v.indexOf(needle) > -1
    );
  });
}

function setModel(val) {
  // model.value = val;
  emit('update:特码号',props.i,val)
}

// const aoptions = [5, 10, 15, 20, 50, 100, 150, 200, 500, 1000];
const aoptions = ['5', '10', '15', '20', '50', '100', '150', '200', '500','1000'];
const options = ref(aoptions);
// const options = ref(["bbb", "google"]);


const emit=defineEmits(['update:特码号'])
</script>
